<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <title>添加学生</title>
    <link href="../../../js/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        .pull-left{float: left;}
        .per-header{margin-bottom:10px;padding-bottom:5px;border-bottom: 1px solid #ccc;width: 85%;}
        .badge{
            padding: 1px 9px 2px;
            font-size: 12px;
            font-weight: bold;
            white-space: nowrap;
            color: #ffffff;
            background-color: #669533;
            border-radius: 9px;
        }
        .p-header{
            font-weight: bold;
            color: #317EAC;
            margin-left: 5px;
        }
        .stuInfo,.parInfo{width: 48%;}
        .mt10{margin-top: 10px;}
        #form1{padding: 10px;}
        .field-name{float: left;width: 100px;}
        input{width: 200px;}
        .required{color: #ff0000;}
        .sex{display: inline-block;width: 50px;}
        .class{display: inline-block;width: 100px;}
        .address{width: 200px;height: 83px;}
    </style>
</head>
<body>
    <form action="" name="form1" id="form1" method="post">
        <!-- 学生信息 -begin- -->
        <div class="pull-left stuInfo">
            <div class="per-header">
                <span class="badge">1</span>
                <span class="p-header">学生信息</span>
            </div>
            <div>
                <span class="field-name">学生姓名：</span>
                <input type="text" name="name" id="name" />
                <span class="required">*</span>
            </div>
            <div class="mt10">
                <span class="field-name">性别：</span>
                <select class="sex" name="sex" id="sex">
                    <option value="1">男</option>
                    <option value="2">女</option>
                </select>
                <span class="required">*</span>
            </div>
            <div class="mt10">
                <span class="field-name">班级：</span>
                <select class="class" name="class" id="class">
                    <option value="1">小一班</option>
                    <option value="2">小二班</option>
                    <option value="3">小三班</option>
                    <option value="4">中一班</option>
                    <option value="5">中二班</option>
                    <option value="6">中三班</option>
                    <option value="7">大一班</option>
                    <option value="8">大二班</option>
                    <option value="9">大三班</option>
                </select>
                <span class="required">*</span>
            </div>
            <div class="mt10">
                <span class="field-name">年龄：</span>
                <input type="text" name="age" id="age" />
                <span class="required">*</span>
            </div>
            <div class="mt10">
                <span class="field-name">学期：</span>
                <input type="text" name="year" id="year" />
                <span class="required">*</span>
            </div>
            <div class="mt10">
                <span class="field-name">届：</span>
                <input type="text" name="period" id="period" />
                <span class="required">*</span>
            </div>
            <div class="mt10">
                <span class="field-name">图像：</span>
                <input type="file" name="image" id="image" />
            </div>
        </div>
        <!-- 学生信息 -end- -->
        <!-- 家长信息 -begin- -->
        <div class="pull-left parInfo">
            <div class="per-header">
                <span class="badge">2</span>
                <span class="p-header">家长信息</span>
            </div>
            <div>
                <span class="field-name">家长姓名：</span>
                <input type="text" name="parentName" id="parentName" />
            </div>
            <div class="mt10">
                <span class="field-name">性别：</span>
                <select class="sex" name="parentSex" id="parentSex">
                    <option value="1">男</option>
                    <option value="2">女</option>
                </select>
            </div>
            <div class="mt10">
                <span class="field-name">联系方式：</span>
                <input type="text" name="phone" id="phone" />
            </div>
            <div class="mt10">
                <span class="field-name">联系地址：</span>
                <textarea class="address" name="address" id="address"></textarea>
            </div>
        </div>
        <!-- 家长信息 -end- -->
    </form>

    <script type="text/javascript" src="../../../js/jquery/jquery-1.3.2.min.js"></script>
    <script type="text/javascript">
        $(function(){
            var url = decodeURI(window.location.href);
            var ind = url.indexOf("?");
            if(ind >-1){
                //开发是url上传来的为要修改数据的ID，发送请求道后台，取出该条数据的信息，进行填充
                var params = url.substring(ind+1,url.length);
                $("#name").val(params.split("=")[1]);
            }

        });
    </script>
</body>
</html>